<template>
	<a-modal :title="title" :width="1200" @cancel="handleCancel" :bodyStyle="bodyStyle" :visible="visible" :destroyOnClose="true" :maskClosable="false" :footer="null">
		<a-spin :spinning="confirmLoading">
			<s-table bordered :columns="columns" :data="loadListData" rowKey="cate" ref="table" :scroll="{ x: 650 }" size="small" :isFirstLoad="false">
				<!-- <span class="tag" :style="{ borderColor: filterInshedStatus(record.inShedStatusCode),color:filterInshedStatus(record.inShedStatusCode) }" slot="inShedStatusCode" slot-scope="text, record">{{ text }}</span> -->
				<span slot="shedName" v-if="text" slot-scope="text, record">{{text}}</span>
				<template slot="assetCode" slot-scope=" text, record ">
					<a href="javascript:;" @click="navToCattle(record.assertCode)">{{ text }}</a>
				</template>
			</s-table>
		</a-spin>
	</a-modal>
</template>

<script>
// import { ModalMixins, rowSelection } from '@/mixins';
// import { clearDeep } from '@/utils/base';
// import { modManageapi } from '@/api';
// import QS from 'qs';
// const columns = [
// 	{
// 		title: '耳标ID',
// 		dataIndex: 'assertCode',
// 		key: 'assertCode',
// 		scopedSlots: {
// 			customRender: 'assetCode'
// 		}
// 	},
// 	{
// 		title: '所属农场',
// 		dataIndex: 'farmName',
// 		key: 'farmName',
// 		ellipsis: true
// 	},
// 	{
// 		title: '棚舍',
// 		dataIndex: 'shedName',
// 		key: 'shedName',
// 		ellipsis: true,
// 		scopedSlots: {
// 			customRender: 'shedName'
// 		}
// 	},

// 	{
// 		title: '法人',
// 		dataIndex: 'farmLeader',
// 		key: 'farmLeader',
// 		ellipsis: true
// 	},
// 	{
// 		title: '电话号码',
// 		dataIndex: 'phoneNum',
// 		key: 'phoneNum',
// 		ellipsis: true
// 	}
// 	// {
// 	// 	title: '在栏状态',
// 	// 	dataIndex: 'inShedStatusCode',
// 	// 	key: 'inShedStatusCode',
// 	// 	scopedSlots: {
// 	// 		customRender: 'inShedStatusCode'
// 	// 	}
// 	// }
// ];
// export default {
// 	name: 'cattleListModal',
// 	mixins: [ModalMixins, rowSelection],
// 	data() {
// 		return {
// 			columns: columns,
// 			selectedRowKeys: [],
// 			record: null,
// 			superQueryFieldList: [],
// 			extendParam: {},
// 			type: ''
// 		};
// 	},
// 	created() {},
// 	methods: {
// 		show(type, farmId, farmName) {
// 			this.farmId = farmId || '';
// 			this.type = type;
// 			let title = '';
// 			switch (type) {
// 				case 0: {
// 					title = '已盘点';
// 					break;
// 				}
// 				case 1: {
// 					title = '未盘点';
// 					break;
// 				}
// 				case 2: {
// 					title = '出栏';
// 					break;
// 				}
// 				case 3: {
// 					title = '死淘';
// 					break;
// 				}
// 			}
// 			this.title = (farmName || '') + title + '详情';
// 			this.confirmLoading = false;
// 			this.visible = true;
// 			this.$nextTick(() => {
// 				this.$refs.table.refresh();
// 			});
// 		},
// 		loadListData(parameter) {
// 			// return this.$postAction(
// 			// 	modManageapi.workplaceUrl.getInventoryDetails +
// 			// 		'?' +
// 			// 		QS.stringify(Object.assign({}, { type: this.type, pageNum: parameter.pageNum, pageSize: parameter.pageSize }, this.farmId ? { farmId: this.farmId } : {}))
// 			// ).then(res => {
// 			// 	console.log('res', res);
// 			// 	this.list = res.page;
// 			// 	return res.page;
// 			// });
// 		},
// 		filterInshedStatus: function(value) {
// 			switch (value) {
// 				case '存栏':
// 					return '#0A8783';
// 					break;
// 				case '死淘':
// 					return '#FB5111';
// 					break;
// 				case '出栏':
// 					return '#F8BF3B';
// 					break;
// 			}
// 		},
// 		//查看牛详情
// 		navToCattle(id) {
// 			/* 先查询牛id，再去跳转吧 */
// 			this.$postAction(modManageapi.cattleUrl.detailsFromAsset + id).then(da => {
// 				if (da.code == 1) {
// 					this.$router.push({
// 						path: '/cattleManage/cattledatail/' + da.data.domesticAnimalsId
// 					});
// 				}
// 			});
// 		}
// 	}
// };
</script>
<style scoped="scoped" lang="less">
.tag {
	padding: 5px 10px;
	background: #fff;
	font-size: 12px;
	text-align: center;
	border-radius: 4px;
	margin: 0 auto;
	border: 1px solid;
}
</style>
